import './index.css'
import Item from '../Item'
/* 
列表组件
*/
export default function List({todos, deleteTodo, toggleTodo}) {
  return (
    <ul className="todo-main">
      {/* 遍历todos, 显示多个列表项 */}
      {
        todos.map(todo => <Item key={todo.id} todo={todo} 
          deleteTodo={deleteTodo} toggleTodo={toggleTodo}/>)
      }
    </ul>
  );
}
